<template>
  <div class="wrap">
    <div class="login-title">毕业设计过程管理系统</div>
    <div class="login-user">
      <el-input placeholder="请输入用户名" prefix-icon="iconfont icon-tubiao211" v-model="input1">
      </el-input>
      <el-input prefix-icon="iconfont icon-password" placeholder="请输入密码" v-model="input2">
      </el-input>
      <el-switch v-model="value3" active-text="记住密码">
      </el-switch>
      <span class="forget">
        <a href="">忘记密码?</a>
      </span>
      <el-row>
        <el-button type="primary">登录</el-button>
        <router-link to='/register'>
          <el-button type="success">注册</el-button>
        </router-link>
      </el-row>
    </div>
  </div>
</template>

<script>
export default {
  name: 'Login',
  data () {
    return {
      input1: '',
      input2: '',
      value3: false,
    }
  }
}
</script>
<style lang='stylus' scoped>
.el-input >>> .icon-tubiao211
  font-size: 18px;


.el-input >>> .icon-password
  font-size: 20px;


.wrap
  width: 450px;
  height: 450px;
  margin: 100px auto;
  background: #ccc;
  padding-top: 1px;

  .login-title
    width: 200px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    margin: 40px auto;
    font-size: 18px;
    color: #fff;
    font-weight: bold;
    letter-spacing: 2px;


  .login-user
    width: 250px;
    margin: 10px auto;

    .el-input
      display: block;
      width: 250px;
      margin: 30px auto;


    .forget
      a
        font-size: 14px;
        margin-left: 30px;
        color: #000;
        text-decoration: none;

    .el-button--primary
      margin: 50px 35px;

</style>



